@import "./global-variables.scss";
// 跟随导航的下拉菜单样式
.header-nav-dropdown-wrapper {
  // padding: 20px;

  .ul-dropdown-list {
    display: flex;
    flex-wrap: wrap;
    width: 1202px;
    background: #FFFFFF;
    border: 1px solid #D8DCE6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    padding: 0 30px 20px;
    
    .item {
      // display: flex;
      width: 208px;
      // height: 50px;
      // padding: 0 15px;
      // background: #fff;
      // border-radius: 4px;
      cursor: pointer;
      margin: 27px 20px 5px 0;
      // align-items: center;
      // 背景色统一在.item-com-wrapper设置
      // background: rgba(#fff, 0.8);
      // background: rgba(238, 244, 255, 0.8);

      &:hover {
        // background: rgba(238, 244, 255);
      //   background: rgba(238, 244, 255);
        // background: rgba(#fff, 0.8);

        .item-title {
          color: #2B86DD;
        }
        .item-text{
          color: #2B86DD;
        }
      }

      .item-icon {
        width: 24px;
        height: 24px;
      }

      .item-title {
          font-family: 'Source Han Sans CN';
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 24px;
          /* identical to box height */
          
          
          color: #000000;
          padding-bottom: 8px;
          border-bottom: 1px solid #D5D8DE;
          
        // font-weight: bold;
      }
      .item-text{
          font-family: 'Source Han Sans CN';
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 21px;
          padding-top: 14px;
          /* identical to box height */
          color: #4B5668;
      }
      .item-text1{
        font-family: 'Source Han Sans CN';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        padding-top: 14px;
        /* identical to box height */
        color: #4B5668;
        &:hover {
            color: #2B86DD;
          }
        &.right1{
          padding-top: 12px;
          // background: url('~@/assets/img/header/xst_icon.png') 0 0 no-repeat;
          background: url('~@/assets/img/header/product/arrow-black.png') 83px 14px no-repeat;
        }
        &.right2{
          padding-top: 7px;
          background: url('~@/assets/img/header/product/arrow-black.png') 83px 14px no-repeat;
        }
      }
    }
  }
}
